import React from "react"
import { graphql } from "gatsby"


export default function axiosQuery({ data }) {
  return (
    <div style={{ display: "flex", flexWrap: "wrap" }}>
      {data.allUserListDataListInfo.nodes.map((user, index) => (
          <div key={index}>
            <p>{user.user_name}</p>
            <p>{user.address}</p>
            <img alt="example" src={user.imageUrl} />
          </div>
      ))}
    </div>
  )
}
export const query = graphql`
  query {
    allUserListDataListInfo {
      nodes {
        user_name
        address
        imageUrl
      }
    }
  }
`
